@import url('https://fonts.googleapis.com/css2?family=Zhi Mang Xing');






* {
    margin: 0;
}

body {
    font-family: 'Zhi Mang Xing', sans-serif;
}

.middle {
    text-align: center;
    color: red;
}

#slider {
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.container {
    width: 1600px;
    margin: auto;
}

.subcontainer {
    width: 85%;
    margin: auto;
}

.slide-img {
    width: 100%;
    height: 275px;
    border-radius: 5px;
    background-position: center;
    background-size: cover;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
    border-radius: 30%;
}

.slide-img:hover {
    box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.9) inset;
}

.slide-img a {
    opacity: 0;
    text-decoration: none;
    transform: scale(0);
    transition: 0.8s;
    font-size: 1.5rem;
    color: white;
}

.slide-img:hover a {
    opacity: 1;
    transform: scale(1);
}

.img-1 {
    background-image: url("../../Year_2024/picture/Lunch/menu/monday1.jpg");
}

.img-2 {
    background-image: url("../../Year_2024/picture/Lunch/menu/tuesday1.jpg");
}

.img-3 {
    background-image: url("../../Year_2024/picture/Lunch/menu/wednesday1.jpg");
}

.img-4 {
    background-image: url("../../Year_2024/picture/Lunch/menu/thursday1.jpg");
}

.img-5 {
    background-image: url("../../Year_2024/picture/Lunch/menu/friday1.jpg");
}

.img-6 {
    background-image: url("../../Year_2024/picture/Lunch/menu/monday2.jpg");
}

.img-7 {
    background-image: url("../../Year_2024/picture/Lunch/menu/tuesday2.jpg");
}

.img-8 {
    background-image: url("../../Year_2024/picture/Lunch/menu/wednesday2.jpg");
}

.img-9 {
    background-image: url("../../Year_2024/picture/Lunch/menu/thursday2.jpg");
}

.img-10 {
    background-image: url("../../Year_2024/picture/Lunch/menu/friday2.jpg");
}


@media(max-xidth:1600px) {
    .container {
        width: 100%;
    }
}